<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="commons/template_head::head('financingProduct')">

</head>
<body>

<!-- begin::preloader-->
<div th:replace="commons/layout::preloader">

</div>
<!-- end::preloader -->

<!-- begin::navigation -->
<div th:replace="commons/layout::navigation">

</div>
<!-- end::navigation -->

<!-- begin::main -->
<div id="main">

    <!-- begin::header -->
    <div th:replace="commons/layout::main_header">

    </div>
    <!-- end::header -->

    <!-- begin::main-content -->
    <div class="main-content bg-info-bright" style="background-color: #e0ffff!important;">

        <!-- begin::container -->
        <div class="container">

<!--               轮播图 being -->
                <div class="row">
                <div class="col-xl-12">
                    <div id="carousel" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carousel" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel" data-slide-to="1"></li>
                            <li data-target="#carousel" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="/assets/media/image/FinaningProduct1.jpg" class="d-block w-100" alt="111111">
                            </div>
                            <div class="carousel-item">
                                <img src="/assets/media/image/FinaningProduct2.jpg" class="d-block w-100" alt="222222">
                            </div>
                            <div class="carousel-item">
                                <img src="/assets/media/image/FinaningProduct3.jpg" class="d-block w-100" alt="333333">
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        </a>

                        <a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        </a>
                    </div>
                </div>
            </div>
<!--                轮播图 end-->

            <!--          产品main-->
            <div class="text-center"><h2 class="pb-2 border-bottom bg-white mt-2 text-center">精选理财</h2>
                <!--bootstrap实现弹出模态框-->
                <button class="btn btn-default bg-info mb-2" data-target="#myModal" data-toggle="modal"  th:if="${session.userNum=='Gary'}">
                    添加产品
                </button>
                <!--fade  添加弹入弹出-->
                <div class="modal fade"  id="myModal" aria-labelledby="myModallabel1" aria-hidden="true" tabindex="-1">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h3 class="modal-title" id="myModallabel1">认证信息</h3>
                                <button class="close" type="button" data-dismiss="modal" aria-hidden="true">&times;</button>
                            </div>
                            <form id="formData1" class="form-horizontal">
                                <div class="modal-body">
                                    <div class="form-group">
                                        <p>为了更好地提供服务，请输入密码证明您的身份！！</p>
                                        <div class="input-group">
                                            <span class="input-group-addon" id="sizing-addon1">银行卡密码：</span>
                                            <input type="text" class="form-control" placeholder="密码" aria-describedby="sizing-addon2">
                                        </div>
                                    </div>
                                </div>
                            </form>

                            <div class="modal-footer">
                                <button class="btn btn-default" type="button" data-dismiss="modal">取消</button>
                                <button class="btn btn-success" type="button" onclick=""><a href="/selectfinancing">提交</a></button>
                            </div>
                        </div>
                    </div>
                </div>

                <!--fade 修改弹入弹出-->
                <div class="modal fade"  id="XmyModal" aria-labelledby="XmyModallabel" aria-hidden="true" tabindex="-1">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title text-center" id="XmyModallabel">身份认证</h5>
                                <button class="close" type="button" data-dismiss="modal" aria-hidden="true">&times;</button>
                            </div>
                            <form id="XformData" class="form-horizontal">
                                <div class="modal-body">
                                    <div class="form-group">
                                        <p>为了更好地提供服务，请输入密码证明您的身份！！</p>
                                        <div class="input-group">
                                            <span class="input-group-addon" id="sizing-addon2">银行卡密码：</span>
                                            <input type="text" class="form-control" placeholder="密码" aria-describedby="sizing-addon2">
                                        </div>
                                    </div>
                                </div>
                            </form>

                            <div class="modal-footer">
                                <button class="btn btn-default" type="button" data-dismiss="modal">取消</button>
                                <button class="btn btn-success" type="button" onclick=""><a href="/selectfinancing">提交</a></button>
                            </div>
                        </div>
                    </div>
                </div>

                <!--fade 删除弹入弹出-->
                <div class="modal fade"  id="myModal2" aria-labelledby="myModallabel2" aria-hidden="true" tabindex="-1">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title text-center" id="myModallabel2">删除产品</h5>
                                <button class="close" type="button" data-dismiss="modal" aria-hidden="true">&times;</button>
                            </div>
                            <form id="formData2" class="form-horizontal">
                                <div class="modal-body">
                                    <p class="text-danger text-center">删除产品后将永久删除并无法恢复，确认删除？</p>

                                </div>
                                <div class="modal-footer">
                                    <button class="btn btn-default" type="button" data-dismiss="modal">取消</button>
                                    <button class="btn btn-danger" type="button" data-dismiss="modal" onclick="shan();">删除</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                <!--fade 买入弹入弹出-->
                <div class="modal fade"  id="PmyModal" aria-labelledby="PmyModallabel" aria-hidden="true" tabindex="-1">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title text-center" id=":PmyModallabel">身份认证</h5>
                                <button class="close" type="button" data-dismiss="modal" aria-hidden="true">&times;</button>
                            </div>
                            <form id="PformData" class="form-horizontal">
                                <div class="modal-body">
                                    <div class="form-group">
                                        <p>为了更好地提供服务，请输入密码证明您的身份！！</p>
                                        <div class="input-group">
                                            <span class="input-group-addon" id="sizing-addon3">银行卡密码：</span>
                                            <input type="text" class="form-control" placeholder="密码" aria-describedby="sizing-addon2">
                                        </div>
                                    </div>
                                </div>
                            </form>

                            <div class="modal-footer">
                                <button class="btn btn-default" type="button" data-dismiss="modal">取消</button>
                                <button class="btn btn-success" type="button" onclick=""><a href="/financingIntreduce">提交</a></button>
                            </div>
                        </div>
                    </div>
                </div>

<!--                帮助小课堂添加-->
                <div class="modal fade"  id="HTmyModal" aria-labelledby="HTmyModallabel" aria-hidden="true" tabindex="-1">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title text-center" id=":HTmyModallabel">身份认证</h5>
                                <button class="close" type="button" data-dismiss="modal" aria-hidden="true">&times;</button>
                            </div>
                            <form id="HTformData" class="form-horizontal">
                                <div class="modal-body">
                                    <div class="form-group">
                                        <p>为了更好地提供服务，请输入密码证明您的身份！！</p>
                                        <div class="input-group">
                                            <span class="input-group-addon" id="sizing-addon4">银行卡密码：</span>
                                            <input type="text" class="form-control" placeholder="密码" aria-describedby="sizing-addon2">
                                        </div>
                                    </div>
                                </div>
                            </form>

                            <div class="modal-footer">
                                <button class="btn btn-default" type="button" data-dismiss="modal">取消</button>
                                <button class="btn btn-success" type="button" onclick=""><a href="/financingclass">提交</a></button>
                            </div>
                        </div>
                    </div>
                </div>

<!--                帮助小课堂修改-->
                <div class="modal fade"  id="HXmyModal" aria-labelledby="HXmyModallabel" aria-hidden="true" tabindex="-1">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title text-center" id=":HXmyModallabel">身份认证</h5>
                                <button class="close" type="button" data-dismiss="modal" aria-hidden="true">&times;</button>
                            </div>
                            <form id="HXformData" class="form-horizontal">
                                <div class="modal-body">
                                    <div class="form-group">
                                        <p>为了更好地提供服务，请输入密码证明您的身份！！</p>
                                        <div class="input-group">
                                            <span class="input-group-addon" id="sizing-addon5">银行卡密码：</span>
                                            <input type="text" class="form-control" placeholder="密码" aria-describedby="sizing-addon2">
                                        </div>
                                    </div>
                                </div>
                            </form>

                            <div class="modal-footer">
                                <button class="btn btn-default" type="button" data-dismiss="modal">取消</button>
                                <button class="btn btn-success" type="button" onclick=""><a href="/financingclass">提交</a></button>
                            </div>
                        </div>
                    </div>
                </div>

<!--                帮助小课堂删除-->
                <div class="modal fade"  id="HSmyModal" aria-labelledby="HSmyModallabel" aria-hidden="true" tabindex="-1">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title text-center" id="HSmyModallabel"  th:if="${session.userNum=='Gary'}">删除产品</h5>
                                <button class="close" type="button" data-dismiss="modal" aria-hidden="true">&times;</button>
                            </div>
                            <form id="HSformData" class="form-horizontal">
                                <div class="modal-body">
                                    <p class="text-danger text-center">删除产品后将永久删除并无法恢复，确认删除？</p>

                                </div>
                                <div class="modal-footer">
                                    <button class="btn btn-default" type="button" data-dismiss="modal">取消</button>
                                    <button class="btn btn-danger" type="button" data-dismiss="modal" onclick="shan();">删除</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

            </div>

<!--            产品-->
            <div class="row text-center">
                <div class="col">
                    <div class="card">
                        <div class="card-header py-3">
                            <h4 class="my-0 fw-normal">国泰利泽90天</h4>

                            <div class="btn-group" role="group" aria-label="...">
                                <button class="btn btn-default bg-success mb-2" data-target="#XmyModal" data-toggle="modal"  th:if="${session.userNum=='Gary'}">修改</button>
                                <button class="btn btn-default bg-danger mb-2" data-target="#myModal2" data-toggle="modal"  th:if="${session.userNum=='Gary'}">删除</button>
                            </div>

                        </div>
                        <div class="card-body">
                            <h1 class="card-title pricing-card-title">$1<small class="text-muted fw-light">起购</small></h1>
                            <ul class="list-unstyled mt-3 mb-4">
                                <li>代销最低持有期90天</li>
                                <li><h5 class="text-danger">年化收益率：2.79%</h5></li>
                                <li>最新净值：1.041570</li>
                                <li>风险等级：中等</li>
                            </ul>
                            <button type="button" class="w-100 btn btn-lg btn-primary" data-target="#PmyModal" data-toggle="modal">立即买入</button>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card">
                        <div class="card-header py-3">
                            <h4 class="my-0 fw-normal">永赢开泰60天</h4>

                            <div class="btn-group" role="group" aria-label="...">
                                <button class="btn btn-default bg-success mb-2" data-target="#XmyModal" data-toggle="modal"  th:if="${session.userNum=='Gary'}">修改</button>
                                <button class="btn btn-default bg-danger mb-2" data-target="#myModal2" data-toggle="modal"  th:if="${session.userNum=='Gary'}">删除</button>
                            </div>

                        </div>
                        <div class="card-body">
                            <h1 class="card-title pricing-card-title">$1<small class="text-muted fw-light">起购</small></h1>
                            <ul class="list-unstyled mt-3 mb-4">
                                <li>代销最低持有期60天</li>
                                <li><h5 class="text-danger">年化收益率：3.24%</h5></li>
                                <li>最新净值：1.064092</li>
                                <li>风险等级：中等</li>
                            </ul>
                            <button type="button" class="w-100 btn btn-lg btn-primary" data-target="#PmyModal" data-toggle="modal">立即买入</button>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card">
                        <div class="card-header py-3">
                            <h4 class="my-0 fw-normal">汇安中短债90天</h4>

                            <!--bootstrap实现弹出模态框-->
                            <div class="btn-group" role="group" aria-label="...">
                                <button class="btn btn-default bg-success mb-2" data-target="#XmyModal" data-toggle="modal"  th:if="${session.userNum=='Gary'}">修改</button>
                                <button class="btn btn-default bg-danger mb-2" data-target="#myModal2" data-toggle="modal"  th:if="${session.userNum=='Gary'}">删除</button>
                            </div>

                        </div>
                        <div class="card-body">
                            <h1 class="card-title pricing-card-title">$1<small class="text-muted fw-light">起购</small></h1>
                            <ul class="list-unstyled mt-3 mb-4 text-dark">
                                <li>代销最低持有期90天</li>
                                <li><h5 class="text-danger">年化收益率：2.61%</h5></li>
                                <li>最新净值：1.104300</li>
                                <li>风险等级：中等</li>
                            </ul>
                            <button type="button" class="w-100 btn btn-lg btn-primary" data-target="#PmyModal" data-toggle="modal">立即买入</button>
                        </div>
                    </div>
                </div>
            </div>

            <!--            列表-->
            <div class="my-3 p-3 bg-white rounded shadow-sm">
                <h2 class="border-bottom pb-2 mb-0 text-dark">猜你喜欢</h2>
                <div class="d-flex text-dark pt-3">
                    <svg class="bd-placeholder-img flex-shrink-0 me-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 32x32" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#007bff"/><text x="50%" y="50%" fill="#007bff" dy=".3em">32x32</text></svg>

                    <div class="pb-3 mb-0 small lh-sm border-bottom w-100">
                        <div class="d-flex justify-content-between">
                            <h5 class="text-danger">    3.35%</h5>
                            <button class="btn btn-default bg-white mb-2" data-target="#PmyModal" data-toggle="modal">买入</button>
                        </div>
                        <span class="d-block">     睿新最低持有270天第1期   1元起购 | 最低持有270天</span>

                        <div class="btn-group" role="group" aria-label="...">
                            <button class="btn btn-default bg-success mb-2" data-target="#XmyModal" data-toggle="modal" th:if="${session.userNum=='Gary'}">修改</button>
                            <button class="btn btn-default bg-danger mb-2" data-target="#myModal2" data-toggle="modal" th:if="${session.userNum=='Gary'}">删除</button>
                        </div>
                    </div>
                </div>
                <div class="d-flex text-dark pt-3">
                    <svg class="bd-placeholder-img flex-shrink-0 me-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 32x32" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#007bff"/><text x="50%" y="50%" fill="#007bff" dy=".3em">32x32</text></svg>

                    <div class="pb-3 mb-0 small lh-sm border-bottom w-100">
                        <div class="d-flex justify-content-between">
                            <h5 class="text-danger">    3.15%</h5>
                            <button class="btn btn-default bg-white mb-2" data-target="#PmyModal" data-toggle="modal">买入</button>
                        </div>
                        <span class="d-block text-dark">     睿新最低持有270天第2期   1元起购 | 最低持有270天</span>

                        <div class="btn-group" role="group" aria-label="...">
                            <button class="btn btn-default bg-success mb-2" data-target="#XmyModal" data-toggle="modal"  th:if="${session.userNum=='Gary'}">修改</button>
                            <button class="btn btn-default bg-danger mb-2" data-target="#myModal2" data-toggle="modal" th:if="${session.userNum=='Gary'}">删除</button>
                        </div>
                    </div>
                </div>
                <div class="d-flex text-muted pt-3">
                    <svg class="bd-placeholder-img flex-shrink-0 me-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 32x32" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#007bff"/><text x="50%" y="50%" fill="#007bff" dy=".3em">32x32</text></svg>

                    <div class="pb-3 mb-0 small lh-sm border-bottom w-100">
                        <div class="d-flex justify-content-between">
                            <h5 class="text-danger">    2.35%</h5>
                            <button class="btn btn-default bg-white mb-2" data-target="#PmyModal" data-toggle="modal">买入</button>
                        </div>
                        <span class="d-block text-dark">     睿新最低持有2年第1期   1元起购 | 最低持有270天</span>

                        <div class="btn-group" role="group" aria-label="...">
                            <button class="btn btn-default bg-success mb-2" data-target="#XmyModal" data-toggle="modal" th:if="${session.userNum=='Gary'}">修改</button>
                            <button class="btn btn-default bg-danger mb-2" data-target="#myModal2" data-toggle="modal" th:if="${session.userNum=='Gary'}">删除</button>
                        </div>
                    </div>
                </div>
                <small class="d-block text-end mt-3">
                    <h6><a href="#">查看更多</a></h6>
                </small>
            </div>

            <!--            帮助-->
            <div class="container px-4 py-5 bg-white text-dark rounded">

                <div>
                    <h2>理财小课堂</h2>

                    <!--bootstrap实现弹出模态框-->
                    <button class="btn btn-default bg-info mb-2" data-target="#HTmyModal" data-toggle="modal" th:if="${session.userNum=='Gary'}">
                        添加内容
                    </button>

                </div>

                <div class="row py-5">
                    <div class="col d-flex align-items-start">
                        <div class="icon-square bg-light text-dark flex-shrink-0 me-3">
                            <svg class="bi" width="1em" height="1em"><use xlink:href="#cpu-fill"/></svg>
                        </div>
                        <div>
                            <h2>产品推荐</h2>

                            <!--bootstrap实现弹出模态框-->
                            <div class="btn-group" role="group" aria-label="...">
                                <button class="btn btn-default bg-success mb-2" data-target="#HXmyModal" data-toggle="modal" th:if="${session.userNum=='Gary'}">修改</button>
                                <button class="btn btn-default bg-danger mb-2" data-target="#HSmyModal" data-toggle="modal" th:if="${session.userNum=='Gary'}">删除</button>
                            </div>


                            <p>根据你的喜好推荐出你最适合你的理财产品，让您的收益越来越大，实现理财自由。</p>
                            <a href="/financingHelp" class="btn btn-primary">
                                立即查看
                            </a>
                        </div>
                    </div>
                    <div class="col d-flex align-items-start">
                        <div class="icon-square bg-light text-dark flex-shrink-0 me-3">
                            <svg class="bi" width="1em" height="1em"><use xlink:href="#cpu-fill"/></svg>
                        </div>
                        <div>
                            <h2>新手宝典</h2>

                            <!--bootstrap实现弹出模态框-->
                            <div class="btn-group" role="group" aria-label="...">
                                <button class="btn btn-default bg-success mb-2" data-target="#HXmyModal" data-toggle="modal" th:if="${session.userNum=='Gary'}">修改</button>
                                <button class="btn btn-default bg-danger mb-2" data-target="#HSmyModal" data-toggle="modal" th:if="${session.userNum=='Gary'}">删除</button>
                            </div>


                            <p>专门为您的理财小问题答疑解惑，带你走进理财的世界，成为一个理财小能手</p>
                            <a href="/financingHelp" class="btn btn-primary">
                                立即查看
                            </a>
                        </div>
                    </div>
                    <div class="col d-flex align-items-start">
                        <div class="icon-square bg-light text-dark flex-shrink-0 me-3">
                            <svg class="bi" width="1em" height="1em"><use xlink:href="#tools"/></svg>
                        </div>
                        <div>
                            <h2>理财资讯</h2>

                            <!--bootstrap实现弹出模态框-->
                            <div class="btn-group" role="group" aria-label="...">
                                <button class="btn btn-default bg-success mb-2" data-target="#HXmyModal" data-toggle="modal" th:if="${session.userNum=='Gary'}">修改</button>
                                <button class="btn btn-default bg-danger mb-2" data-target="#HSmyModal" data-toggle="modal" th:if="${session.userNum=='Gary'}">删除</button>
                            </div>

                            <p>拥有最新的理财资讯，给以不一样的感觉，为你的理财之路做一个完美的铺垫。</p>
                            <a href="/financingHelp" class="btn btn-primary">
                                立即查看
                            </a>
                        </div>
                    </div>
                </div>
            </div>


        </div>
        <!-- end::container -->

    </div>
    <!-- end::main-content -->

    <!-- begin::footer -->
    <footer th:replace="commons/layout::main_footer">

    </footer>
    <!-- end::footer -->

</div>
<!-- end::main -->

<div th:replace="commons/layout::end">
</div>

</body>
</html>
